<template>
	<MobileSimulation>
		<Button style="margin:10px 10px 0;width:100px">default</Button>
		<Button type="primary" style="margin:10px 10px 0;width:100px">1按钮按钮按钮按钮按钮按钮</Button>
		<Button type="info" style="margin:10px 10px 0;">info</Button>
		<Button type="success" style="margin:10px 10px 0;">success</Button>
		<Button type="warning" style="margin:10px 10px 0;">warning</Button>
		<Button type="error" style="margin:10px 10px 0;">error</Button>
		<div style="background:#e2e2e2;margin-top:10px;padding-bottom:10px;">
			<Button outline style="margin:10px 10px 0;">default</Button>
			<Button outline type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button outline type="info" style="margin:10px 10px 0;">info</Button>
			<Button outline type="success" style="margin:10px 10px 0;">success</Button>
			<Button outline type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button outline type="error" style="margin:10px 10px 0;">error</Button>

			<Button disable outline style="margin:10px 10px 0;">default</Button>
			<Button disable outline type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button disable outline type="info" style="margin:10px 10px 0;">info</Button>
			<Button disable outline type="success" style="margin:10px 10px 0;">success</Button>
			<Button disable outline type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button disable outline type="error" style="margin:10px 10px 0;">error</Button>
		</div>
		<div>
			<Button rounded style="margin:10px 10px 0;">default</Button>
			<Button rounded type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button rounded type="info" style="margin:10px 10px 0;">info</Button>
			<Button rounded type="success" style="margin:10px 10px 0;">success</Button>
			<Button rounded type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button rounded type="error" style="margin:10px 10px 0;">error</Button>
		</div>
		<div>
			<Button icon="fingerprint" style="margin:10px 10px 0;width:120px">default</Button>
			<Button icon="fingerprint" type="primary" style="margin:10px 10px 0;width:120px">1按钮按钮按钮按钮按钮按钮</Button>
		</div>
		<div>
			<Button round icon="fingerprint" style="margin:10px 10px 0;"/>
			<Button round icon="fingerprint" type="primary" style="margin:10px 10px 0;"/>
		</div>
		<div>
			<Button disable round icon="fingerprint" style="margin:10px 10px 0;"/>
			<Button disable round icon="fingerprint" type="primary" style="margin:10px 10px 0;"/>
		</div>
		<div>
			<Button disable rounded style="margin:10px 10px 0;">default</Button>
			<Button disable rounded type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button disable rounded type="info" style="margin:10px 10px 0;">info</Button>
			<Button disable rounded type="success" style="margin:10px 10px 0;">success</Button>
			<Button disable rounded type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button disable rounded type="error" style="margin:10px 10px 0;">error</Button>
		</div>
		<div>
			<Button disable style="margin:10px 10px 0;">default</Button>
			<Button disable type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button disable type="info" style="margin:10px 10px 0;">info</Button>
			<Button disable type="success" style="margin:10px 10px 0;">success</Button>
			<Button disable type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button disable type="error" style="margin:10px 10px 0;">error</Button>
		</div>
		<div>
			<Button loading style="margin:10px 10px 0;">default</Button>
			<Button loading type="primary" style="margin:10px 10px 0;">primary</Button>
			<Button loading type="info" style="margin:10px 10px 0;">info</Button>
			<Button loading type="success" style="margin:10px 10px 0;">success</Button>
			<Button loading type="warning" style="margin:10px 10px 0;">warning</Button>
			<Button loading type="error" style="margin:10px 10px 0;">error</Button>
		</div>
	</MobileSimulation>
</template>

<script>
import MobileSimulation from '../../../components/MobileSimulation';
import Button from '@/components/app/button';

export default {
	name:'index',
	components:{
		MobileSimulation,
		Button,
	},
	data(){
		return {
		};
	},
	computed:{
	},
	methods:{
	}
};
</script>

<style lang="scss">
</style>
